// Global style for animate.css

.animated {
	animation-duration: 1.25s;

	&.animated-slow {
		animation-duration: 2s;
	}

	&.animated-fast {
		animation-duration: .75s;
	}

	&.infinite {
		animation-iteration-count: infinite;
	}

	&.reverse {
		animation-direction: reverse;
		animation-fill-mode: forwards;
	}
}

// Respect reduced motion preference in animations and transitions
@media (prefers-reduced-motion: reduce) {
	.animated {
		animation: none !important;
	}
	html * {
		transition-duration: 0s !important;
		transition-delay: 0s !important;
	}
}
